$(function () {
    layui.use(['laydate', 'form', 'table'], function () {
        let laydate = layui.laydate;
        let form = layui.form;
        let table = layui.table;

        findCuisineAll();

        //执行一个laydate实例
        laydate.render({
            elem: '#start', //指定元素
            type: 'datetime'
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end', //指定元素
            type: 'datetime'
        });

        //加载完成需要查询数据库的产品分类
        function findCuisineAll() {
            $.ajax({
                url: '/back/device_class/findAll',
                type: 'get',
                dataType: 'json',
                success: function (res) {
                    console.log("device_class值取出来了"+res.data);
                    //    将得到的值赋值给下拉菜单
                    setCuisineData(res.data);
                }
            })
        }

        function setCuisineData(data) {
            let html = '';
            html += "<option value='-1' selected>产品类型</option>";
            for (let i = 0; i < data.length; i++) {
                html += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
            }
            $("#device_class_id").html(html);
            form.render();//重新渲染表单
        }


// 创建渲染实例
//         table.render({
//             elem: '#table'
//             , url: '/back/product/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
//             , page: true
//             , parseData: function (res) { //res 即为原始返回的数据
//                 //console.log(res);
//                 return {
//                     "code": res.code, //解析接口状态
//                     "msg": res.msg, //解析提示文本
//                     "count": res.count, //解析数据长度
//                     "data": res.data //解析数据列表
//                 };
//             }
//             , cols: [[
//                 {field: 'id', fixed: 'left', width: 80, title: 'ID', sort: true}
//                 , {field: 'name', width: 90, title: '产品名称'}
//                 , {field: 'normalPrice', width: 90, title: '正常价格'}
//                 , {field: 'marketPrice', width: 90, title: '市场价格'}
//                 , {field: 'cuisineName', width: 100, title: '产品类别'}
//                 , {
//                     field: 'imgHref', title: '产品图片', templet: function (d) {
//                         return '<img src="' + d.imgHref + '"/>';
//                     }
//                 }
//                 , {
//                     field: 'enable', title: '状态', width: 100, templet: function (d) {
//                         return d.enable == 1 ? '启用' : '禁用';
//                     }
//                 }
//                 // , {field: 'birthday', title: '生日'}
//
//                 // }
//                 , {fixed: 'right', title: '操作',align : "center",  width: 220, minWidth: 125, toolbar: '#barDemo'}
//             ]]
//         })

        page();

        table.on('tool(table)', function (obj) { // 双击 toolDouble
            var data = obj.data;
            if (obj.event === 'del') {
                // 弹出提示框让用户选中
                layer.confirm('真的删除行么', function (index) {
                    // 提交到Java后台，删除数据库数据
                    $.ajax({
                        url: '/back/device/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.code == 0) {
                                layer.msg('删除成功', function () {
                                    obj.del();
                                    layer.close(index);
                                })
                            } else {
                                layer.msg(res.msg);
                            }

                        }
                    })

                });
            } else if (obj.event === 'edit') {
                // console.log(data);
                //需要将当前的数据传递到修改页面
                // 需要将对象转换为json字符串
                // sessionStorage.setItem("productData", JSON.stringify(data));
                sessionStorage.setItem("productId", data.id);
                xadmin.open('修改产品', '/html/product/product-update.html', 800, 400);
            }
            // else if (obj.event === 'editPassword') {
            //     sessionStorage.setItem("userId", data.id);
            //     xadmin.open('修改密码', '/html/product/product-edit.html', 600, 400);
            // }
        });

        form.on('submit(sreach)',function (data) {
            data = data.field;
            page(data);
            return false;
        });


        function page(data) {
            table.render({
                elem: '#table'
                , url: '/back/device/findAll' // 此处为静态模拟数据，实际使用时需换成真实接口
                , page: true
                ,where: data
                , parseData: function (res) { //res 即为原始返回的数据
                    console.log("返回数据"+res);
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.count, //解析数据长度
                        "data": res.data //解析数据列表
                    };
                }
                , cols: [[
                    {field: 'id', fixed: 'left', width: 80, title: 'ID', sort: true}
                    , {field: 'name', width: 90, title: '产品名称'}
                    , {field: 'normalPrice', width: 90, title: '正常价格'}
                    , {field: 'marketPrice', width: 90, title: '市场价格'}
                    , {field: 'name_class', width: 100, title: '产品类别'}
                    , {
                        field: 'imgHref', title: '产品图片', templet: function (d) {
                            return '<img src="' + d.imgHref + '"/>';
                        }
                    }
                    , {field: 'content', width: 300, title: '产品描述'}
                    , {
                        field: 'enable', title: '状态', width: 100, templet: function (d) {
                            return d.enable == 1 ? '启用' : '禁用';
                        }
                    }
                    // , {field: 'birthday', title: '生日'}

                    // }
                    , {fixed: 'right', title: '操作',align : "center",  width: 220, minWidth: 125, toolbar: '#barDemo'}
                ]]
            })
        }

    })
})



